<template>
  <pdf src="http://192.168.0.192:9100/img/contract/2020120417471868910671122%E8%BF%90%E8%BE%93%E5%90%88%E5%90%8C%E7%AE%80%E5%8D%95%E7%89%88%E8%8C%83%E6%9C%AC_1607075244438.pdf"></pdf>
  </template>

<script>
  import pdf from 'vue-pdf'
  export default {
    components: {pdf},
    data() {
      return {
        pdfUrl: '',
        viewVisible: true
      }
    },
    created() {
      let path = 'http://image.cache.timepack.cn/nodejs.pdf'//你获取到的pdf路径
      this.pdfUrl = pdf.createLoadingTask(path)//pdf.createLoadingTask解决文件件跨域问题
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>